<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/animate.css">
    <link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css">
</head>
<body>
    <header style="background:#f19833;color:#fff;font-size:30px;line-height:80px;text-align:center ">HEADER</header>
    <div class="section-1 pos-r fadeinup">
        <div class="btn-area tc">
            <a href="">观看影片</a>
            &#12288;&#12288;&#12288;&#12288;
            <a href="">浏览更多</a>
        </div>
    </div>
    <div class="section-2">
        <div class="text-area tc animated zoomIn">
            <p>title-1</p>
            <p>title-2</p>
            <p>title-3</p>
        </div>
        <div class="btn-area tc">
            <a href="javascript:;">展开进一步了解</a>
            <p><a class="fun-learn-more" href="javascript:;"><i class="fa fa-plus-circle"></i></a></p>
        </div>
    </div>
    <div id="fun-section-2-more" class="section-2-more">
        <h3>进一步了解的详情</h3>
    </div>
    <div class="section-3">
        <section class="left">
            <div class="image"><img src="./images/tmp1.jpg" alt=""></div>
            <div class="text clearfix">
                <p class="title slideup-1">LOFT简约</p>
                <p class="price slideup-2">￥1234/平方米</p>
                <p class="line widthup"></p>
                <div class="descrition slideup-3">
                    <p>喂马劈柴，周游世界</p>
                    <p>因为有你在</p>
                    <p>简单的生活也多姿多彩</p>
                    <p>原来四季都是风景，北欧风情，融入米兰时尚；真皮面层，头层牛皮的亲肤触感；原木家具，环保耐用；全屋瓷砖汲取天然石材的设计灵感，防污耐磨的特性，尽享尊贵舒适格调，满足您对家的所有向往！</p>
                </div>
                <a href="" class="btn-detail slideup-4">查看详情</a>
            </div>
        </section>
        <section class="right">
            <div class="image"><img src="./images/tmp1.jpg" alt=""></div>
            <div class="text clearfix">
                <p class="title slideup-1">LOFT简约</p>
                <p class="price slideup-2">￥1234/平方米</p>
                <p class="line widthup"></p>
                <div class="descrition slideup-3">
                    <p>喂马劈柴，周游世界</p>
                    <p>因为有你在</p>
                    <p>简单的生活也多姿多彩</p>
                    <p>原来四季都是风景，北欧风情，融入米兰时尚；真皮面层，头层牛皮的亲肤触感；原木家具，环保耐用；全屋瓷砖汲取天然石材的设计灵感，防污耐磨的特性，尽享尊贵舒适格调，满足您对家的所有向往！</p>
                </div>
                <a href="" class="btn-detail slideup-4">查看详情</a>
            </div>
        </section>
        <section class="left">
            <div class="image"><img src="./images/tmp1.jpg" alt=""></div>
            <div class="text clearfix">
                <p class="title slideup-1">LOFT简约</p>
                <p class="price slideup-2">￥1234/平方米</p>
                <p class="line widthup"></p>
                <div class="descrition slideup-3">
                    <p>喂马劈柴，周游世界</p>
                    <p>因为有你在</p>
                    <p>简单的生活也多姿多彩</p>
                    <p>原来四季都是风景，北欧风情，融入米兰时尚；真皮面层，头层牛皮的亲肤触感；原木家具，环保耐用；全屋瓷砖汲取天然石材的设计灵感，防污耐磨的特性，尽享尊贵舒适格调，满足您对家的所有向往！</p>
                </div>
                <a href="" class="btn-detail slideup-4">查看详情</a>
            </div>
        </section>
        <section class="right">
            <div class="image"><img src="./images/tmp1.jpg" alt=""></div>
            <div class="text clearfix">
                <p class="title slideup-1">LOFT简约</p>
                <p class="price slideup-2">￥1234/平方米</p>
                <p class="line widthup"></p>
                <div class="descrition slideup-3">
                    <p>喂马劈柴，周游世界</p>
                    <p>因为有你在</p>
                    <p>简单的生活也多姿多彩</p>
                    <p>原来四季都是风景，北欧风情，融入米兰时尚；真皮面层，头层牛皮的亲肤触感；原木家具，环保耐用；全屋瓷砖汲取天然石材的设计灵感，防污耐磨的特性，尽享尊贵舒适格调，满足您对家的所有向往！</p>
                </div>
                <a href="" class="btn-detail slideup-4">查看详情</a>
            </div>
        </section>
    </div>
    <div class="section-4">
        <div class="text-area tc">
            <p class="title">LOFT简约</p>
            <div class="descrition">
                <p>简约色调，北欧风格设计，重在不繁杂，身心体感同样重要</p>
                <p>空气更通透，粗糙的柱壁，灰暗的水泥地面、裸露的结构，
脱离了对旧仓库的想象定义，自成一格的随性做旧细节，在空间设计里做减法</p></div>
        </div>
        <div class="btn-area tc">
            <a href="javascript:;">了解更改</a>
        </div>
    </div>

    <footer style="background:#f19833;color:#fff;font-size:30px;line-height:80px;text-align:center ">FOOTER</footer>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/after-page.js"></script>
</body>
</html>